﻿a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: 400;vertical-align: baseline;}
* {box-sizing: border-box;margin: 0px;padding: 0px;}
table {border-bottom: none !important;}

::-webkit-scrollbar {display:none}
::-webkit-scrollbar-thumb {display: none}
::-webkit-scrollbar-thumb {display: none}
html,body {width: 100%;height: 100%;margin: 0;padding: 0;}
.main-container {width: 100%;height: 100%;position: relative;}
.main-container-s{height:calc(100vh - 120px)!important;}
.map-div {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../../img/gis/mapbg.png') repeat;}
.main-container .title {width: 100%;height: 42px;background-color:rgb(55, 138, 227);position: absolute;left: 0;top: 0;}
.main-container .title .title-icon {width: 42px;height: 42px;margin-left: 15px;background: url("../../img/gis/icon/icon.png") no-repeat center;float: left;}

.main-container .title .func-icon {width:38px;height:38px;margin-right: 10px;float: right;cursor: pointer;margin-top: 2px;}
.main-container .title .func-icon-camera {width:38px;height:38px;margin-right: 10px;float: right;cursor: pointer;margin-top: 2px;box-sizing: border-box;}
/*background: url('../../img/gis/icon/camera_icon.png') no-repeat center;*/
.main-container .title .func-icon-camera .selected-option {width:34px;height:100%;cursor: pointer;display: block;float: right;}
.main-container .title .func-icon-camera .camera-option {width:34px;height:100%;cursor: pointer;display: none;}
.main-container .title .func-icon-camera:hover {width: 140px;background: none;border:2px solid #b5ceea;border-radius: 5px;}
.main-container .title .func-icon-camera:hover > .selected-option {border-left:2px solid #b5ceea;}
.main-container .title .func-icon-camera:hover > .camera-option {display: block;float: right;margin-right: 10px;}

.main-container .title .active { border: 2px solid #b5ceea; border-radius: 5px;}

.left-tree {width: 250px;float: left;margin-top: 55px;margin-left: 5px;position: relative;max-height: 90%;
    /*display: none;*/
    /*position: absolute;top: 55px;bottom: 5px;left: 0;*/
    padding: 10px 5px 5px;border-radius: 0 7px 7px 0;background: rgba(255, 255, 255, 0.83);color: white;overflow: auto;}
.right-list {float: right;margin-top: 55px;margin-right: 5px;position: relative; display: none;border: 1px solid #dddddd;
    width: 260px;max-height: calc(100% - 60px);padding: 10px 5px 5px;border-radius: 7px 0 0 7px;    background: rgba(255, 255, 255, 0.7);}
.title span {font-size: 19px;font-weight: 600;color: #ffffff;line-height: 42px;margin-left: 5px;}
.right-list .message-panel {border-radius: 5px;background: #ffffff;box-shadow: 0 0 2px 2px #dddddd;height: 90px;}
.right-list .message-head {position: relative;height: 24px;border-radius: 3px;background: rgb(61,134,239);}
.right-list .msg-c_title {height: 100%;padding-left:0px;line-height: 24px;font-size:14px;font-weight: 700;color: #ffffff;padding-left: 5px;}
.right-list .message-body {padding: 5px 10px;font-size: 12px;
    /*height: 72px;*/
}
.right-list .message-body .chart-container {width: 100%;height: 100%;}
.right-list li {list-style: none;}
.right-list .msg-c_info {padding: 5px;color: #3672b7;}
.right-list .msg-c_info .item {line-height: 22px;}
.right-list .msg-c_info .item .list {width: 135px;overflow: hidden;}
.right-list .message-grid {overflow: scroll;height: calc(100% - 90px);}
.right-list .message-grid-wrapper {transition: all .3s;}
.right-list .message-grid-main {position: relative;width: 100%;height: 100%;padding: 10px 5px 10px 5px;}
.right-list .message-list {box-sizing: border-box;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;  }
.right-list .message-list ul {width: 243px;height: 100%;border-top: 1px solid #bbb;overflow-x: hidden;overflow-y: scroll;margin: 0px;padding: 0px;box-sizing: border-box;}
.right-list .message-list ul .item {display: table;width: 100%;height: 79px;padding: 8px 0 8px 0;border-bottom: 1px solid #bbb;}
.right-list .message-list ul .item:hover {background-color: #f6f6f6;cursor: pointer;}
.right-list .message-list .msginfo-yellow {cursor: pointer;}
.right-list .message-list .msginfo-yellow .figure {display: table-cell;vertical-align: middle;width: 54px;height: 52px;border-radius: 3px;text-align: center;line-height: 52px;color: #262626;}
.right-list .message-list .msginfo-yellow .video-online {background: url("../../img/gis/icon/online.png") no-repeat center;}
.right-list .message-list .msginfo-yellow .video-offline {background: url("../../img/gis/icon/offline.png") no-repeat center;}
.right-list .message-list .msginfo-yellow .member-online {background: url("../../img/gis/icon/memberOnline.png") no-repeat center;}
.right-list .message-list .msginfo-yellow .focus-list {background: url("../../img/gis/icon/focus-list.png") no-repeat center;}
.right-list .message-list .msginfo-yellow .member-offline {background: url("../../img/gis/icon/memberOffline.png") no-repeat center;}
.right-list .message-list ul .item .figcaption{display: table-cell;vertical-align: top;padding-left: 10px;}
.right-list .message-list ul .item .figcaption .flag-title{font-size: 12px;font-weight: 700;color: black;}
.right-list .message-list ul .item .figcaption .flag-time{margin-top: 10px;font-size: 12px;line-height: 20px;color: #5a4a4a;}
.right-list .message-list .loader-more-btn {cursor: pointer;height: 24px;font-size: 12px;text-align: center;line-height: 24px;color: #dde6f1;}
.right-list .message-list #locationList {height: calc(50% - 30px);}
.right-list .message-list #trailList {height: calc(50% - 30px);}
.right-list .message-list .list-title {width: 100%;height: 30px;line-height: 30px;color: black;font-size: 14px;}
.right-list .message-list .list-title input {float: right; width: 150px; height: 20px; margin-top: 5px; border: 1px solid deepskyblue;}
.right-count {font-size:12px;color: white; float: right;margin-top: 55px;margin-right: 5px;position: relative; display: none;
    /*position: absolute;right: 0;top: 55px;background:rgba(13, 51, 95, 0.6);*/background: rgba(255, 255, 255, 0.7);border: 1px solid #dddddd;
    width: 250px;height: 80px;padding: 10px 5px 10px 5px;border-radius: 7px 0 0 7px;}
.right-count table{border-collapse:collapse;width: 240px;height: 60px;}
.right-count table tr td {padding-top: 8px;}
.right-count table tr td:nth-child(1) {padding-left: 15px;}

.contact-window {width: 270px;height: 400px;overflow:hidden;border: 1px solid rgb(38,38,38);border-radius: 5px 5px;position: absolute;left: calc(50% - 90px);top:calc(50% - 150px);display: none;background: rgba(38,38,38,0.8);z-index: 99999;}
.contact-window .contact-title {width: 270px;height: 30px;margin-left: 10px;font-size: 13px;}
.contact-window .contact-title span{line-height: 30px;color: white;}
.contact-window .video-container {width: 260px;height: 365px;margin-left: 5px;}
.main-container .open { display: flex; flex-direction: column;}
.main-container .leader { display: none; }
.main-container .worker { display: none; }

/*checkbox样式开始*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
label.chkbox {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 2;
    vertical-align: top;
    width: 48px;
    height: 16px;
    border-radius: 5px;
    margin-top: -4px;
    /*margin: 3px 10px 5px 0;*/
    padding: 7px 10px;
    cursor: pointer;
    overflow: hidden;
    background-color: #cfcfcf;
    color: white;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -ms-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    transform: scale(0.8);
}
label.chkbox .yes,
label.chkbox .no {
    position: absolute;
    right: 8px;
    text-indent: -999em;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}

label.chkbox .toggle {
    content: " ";
    width: 30px;
    height: 24px;
    border-radius: 3px;
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: 3;
    left: 3px;
    top: 3px;
    background: transparent;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2), 0 0 1px #ffffff inset;
    transform: translateX(1px);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
}
label.chkbox .toggle:after {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 7px;
    top: 4px;
    border-radius: 100%;
    background-image: linear-gradient(#dddddd 0%, #ffffff 100%);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}
label.chkbox.on {
    background-color: #05abe0;
}
label.chkbox.on .toggle {
    transform: translateX(31px);
}
label.chkbox.focus {
    outline: 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec, 0 0 1px 1px rgba(0, 0, 0, 0.75) inset;
}
label.radio {
    display: inline-block;
    height: 24px;
    width: 24px;
    position: relative;
    margin: 0 5px 5px 0;
    padding: 0;
    background-color: #cfcfcf;
    border-radius: 100%;
    vertical-align: top;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
}
label.radio > span.pip {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 100%;
    background: blue;
    top: 4px;
    left: 4px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    background-image: linear-gradient(#ffffff 0, #e7e7e7 100%);
    transform: scale(0, 0);
    transition: all 0.2s ease;
}
label.radio.on {
    background-color: #05abe0;
}
label.radio.on > span.pip {
    transform: scale(1, 1);
}
label.radio.focus {
    outline: 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec, 0 0 1px 1px rgba(0, 0, 0, 0.75) inset;
}
input[type=checkbox].replaced,
input[type=radio].replaced {
    position: absolute;
    left: -9999em;
}
label {
    box-sizing: content-box;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
}
h2 {
    color: #666;
    text-align: center;
    width: 560px;
    margin: 0 auto;
    line-height: 1.2em;
}
/*checkbox样式结束*/

/*地图标注文字背景开始*/
.dijitTooltipContainer {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    box-shadow: 0 0 0.75em #777777 !important;
    padding: 0 !important;
}
/*地图标注文字背景结束*/

